<template>
<view>
	<image src="http://m.qpic.cn/psc?/V50sCALs4B1NTU1z389N4Xr59V2fkY7X/ruAMsa53pVQWN7FLK88i5l6ZGUPQNgMbZ7iIQU0dxgKutL.4hhgmpwxbTHLkA1q1rDctK0XoAZgQcSeoQu5SWBR5v1kkyqx5YpkTgmCGABY!/b&bo=7gJMBAAAAAABB4Q!&rf=viewer_4" class="images" mode=""></image>
	<image src="http://m.qpic.cn/psc?/V50sCALs4B1NTU1z389N4Xr59V2fkY7X/ruAMsa53pVQWN7FLK88i5l6ZGUPQNgMbZ7iIQU0dxgKT8mbrVaY.kWU.yz96JfWk6c0.dodIbVUKvAHQei5dBKTJGH4ArVWFZHYZNXmfJ7Y!/b&bo=7gIGBwAAAAABB80!&rf=viewer_4" class="images1" mode=""></image>
	<image src="http://m.qpic.cn/psc?/V50sCALs4B1NTU1z389N4Xr59V2fkY7X/ruAMsa53pVQWN7FLK88i5l6ZGUPQNgMbZ7iIQU0dxgKPF54NqdQPcxTSe7SbX6XeH5n9bYvuR9PJgOVgQZi1YJX0StK7RlZipu3gd9owrdw!/b&bo=7gIjBAAAAAABB.s!&rf=viewer_4" class="images2" mode=""></image>
	<image src="http://m.qpic.cn/psc?/V50sCALs4B1NTU1z389N4Xr59V2fkY7X/ruAMsa53pVQWN7FLK88i5nEEvXwWpZ4h.kis*Hdya1ECeBbWKeafKY*Trgy4iaUPLCZvXLv7roGmi5UzFsqIJP.1lnP*7Q*EGXa96zrrT4k!/b&bo=7gJjBAAAAAABB6s!&rf=viewer_4" class="images3" mode=""></image>
	<image src="http://m.qpic.cn/psc?/V50sCALs4B1NTU1z389N4Xr59V2fkY7X/ruAMsa53pVQWN7FLK88i5nEEvXwWpZ4h.kis*Hdya1G695aV3YOuwfHR23VjKUnbYvQtO1XCPQ7wbZJIYvJ.2dBGQlONcm1KaroRGBtvvOU!/b&bo=7gLrAwAAAAABByQ!&rf=viewer_4" class="images4" mode=""></image>
	<image src="http://m.qpic.cn/psc?/V50sCALs4B1NTU1z389N4Xr59V2fkY7X/ruAMsa53pVQWN7FLK88i5nEEvXwWpZ4h.kis*Hdya1GL3JZj4ceIyNB655pa3qD*5.NXc2sksjQh8gALKQOcKfvmeicybSR7udpFvVJPxms!/b&bo=7gIXBgAAAAABB90!&rf=viewer_4" class="images5" mode=""></image>
	<image src="http://m.qpic.cn/psc?/V50sCALs4B1NTU1z389N4Xr59V2fkY7X/ruAMsa53pVQWN7FLK88i5nEEvXwWpZ4h.kis*Hdya1EmcrxyRiQId7ZDIsUMNRPvYIlSd6qk6DZSWoBrb*7FE3Z9mKmVaLjFRChap6xuqks!/b&bo=7gL1AwAAAAABBzo!&rf=viewer_4" class="images6" mode=""></image>
	<image src="http://m.qpic.cn/psc?/V50sCALs4B1NTU1z389N4Xr59V2fkY7X/ruAMsa53pVQWN7FLK88i5oHzdzhU3kGoi62tC0RDHPvi0SWwFLInBA*3bCiUm*NVnDHVuloiulsTiJL.XpzhlARWS3MBWiDYsZoYiNtLV*A!/b&bo=7gJjBAAAAAABB6s!&rf=viewer_4" class="images7" mode=""></image>
	<image src="http://m.qpic.cn/psc?/V50sCALs4B1NTU1z389N4Xr59V2fkY7X/ruAMsa53pVQWN7FLK88i5oHzdzhU3kGoi62tC0RDHPvi0SWwFLInBA*3bCiUm*NVnDHVuloiulsTiJL.XpzhlARWS3MBWiDYsZoYiNtLV*A!/b&bo=7gJjBAAAAAABB6s!&rf=viewer_4" class="images8" mode=""></image>
	<view class="floating-ball">
		 点击图片可预约
	</view>
	<view class="floating-balls"  @click="scrollToTop">
		顶置
		<van-icon name="share-o" class="ico" />
	</view>
</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			 scrollToTop() {
			      uni.pageScrollTo({
			        scrollTop: 0, // 滚动到顶部
			        duration: 300, // 滚动持续时间
			      });
			    },
		}
	}
</script>

<style>
/* pages/detail/detail.wxss */
.images{
  width: 375px;
  height: 550px;
  margin: 0vmax;
}
.images1{
  width: 375px;
  height: 998px;
  margin-top: -1vmax;
}
.images2{
  width: 375px;
  height: 529.5px;
  margin-top: -1vmax;
}
.images3{
  width: 375px;
  height: 561.5px;
  margin-top: -1vmax;
}
.images4{
  width: 375px;
  height: 501.5px;
  margin-top: -1vmax;
}
.images5{
  width: 375px;
  height: 779.5px;
  margin-top: -1vmax;
}
.images6{
  width: 375px;
  height: 506.5px;
  margin-top: -1vmax;
}
.images7{
  width: 375px;
  height: 561.5px;
  margin-top: -1vmax;
}
.images8{
  width: 375px;
  height: 394.5px;
  margin-top: -1vmax;
}
.floating-ball{
  position: fixed;
  bottom: 220rpx;
  right: 20rpx;
  width: 150rpx;
  height: 150rpx;
  border-radius: 50%;
  background: rgb(250, 248, 244);
  box-shadow: rgb(15, 15, 14) 0px 0px 16px 0px;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  color:rgb(22, 20, 20);
  text-align: center;
  font-weight: bold;
}
.floating-balls{
  position: fixed;
  bottom: 20rpx;
  right: 20rpx;
  width: 150rpx;
  height: 150rpx;
  border-radius: 50%;
  background: rgb(250, 248, 244);
  box-shadow: rgb(15, 15, 14) 0px 0px 16px 0px;
  z-index: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  color:rgb(22, 20, 20);
  text-align: center;
  font-weight: bold;
}
.ico{
  position: absolute;
  bottom: 12px;
}

</style>
